.navbar-brand {
    display: inline-block;
}
/* common.css */

/* Padding (Bootstrap v4 to v5 change: pl- to ps-, pr- to pe-) */
.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

/* Margin (Bootstrap v4 to v5 change: mr- to me-, ml- to ms-) */
.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

/* Float Classes (Bootstrap v4 to v5 change: float-left to float-start, float-right to float-end) */
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

/* Clearfix Class (Bootstrap v4 to v5 change: clearfix remains the same) */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* Text Alignment (Bootstrap v4 to v5 change: text-left, text-right) */
.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/* Positioning (Bootstrap v4 to v5 change: position-left and position-right to position-start and position-end) */
.position-left {
    left: 0 !important;
}

.position-right {
    right: 0 !important;
}

/* Sizing (Bootstrap v4 to v5 change: w-auto-left and w-auto-right) */
.w-auto-left {
    width: auto !important;
}

.w-auto-right {
    width: auto !important;
}

/* Alignment classes (for horizontal alignment in flexbox) */
.align-left {
    justify-content: flex-start !important;
}

.align-right {
    justify-content: flex-end !important;
}

/* Margin classes for start and end (Bootstrap v5 uses ms- and me-) */
.ml-md-0 {
    margin-left: 0 !important;
}

.ml-md-1 {
    margin-left: .25rem !important;
}

.ml-md-2 {
    margin-left: .5rem !important;
}

.ml-md-3 {
    margin-left: 1rem !important;
}

.ml-md-4 {
    margin-left: 1.5rem !important;
}

.ml-md-5 {
    margin-left: 3rem !important;
}

.mr-md-0 {
    margin-right: 0 !important;
}

.mr-md-1 {
    margin-right: .25rem !important;
}

.mr-md-2 {
    margin-right: .5rem !important;
}

.mr-md-3 {
    margin-right: 1rem !important;
}

.mr-md-4 {
    margin-right: 1.5rem !important;
}

.mr-md-5 {
    margin-right: 3rem !important;
}

/* Responsive Padding Classes (Bootstrap v4 to v5 change: pl-*, pr-*, ml-*, mr-*) */
.pl-sm-0 {
    padding-left: 0 !important;
}

.pl-sm-1 {
    padding-left: .25rem !important;
}

.pl-sm-2 {
    padding-left: .5rem !important;
}

.pl-sm-3 {
    padding-left: 1rem !important;
}

.pl-sm-4 {
    padding-left: 1.5rem !important;
}

.pl-sm-5 {
    padding-left: 3rem !important;
}

.pr-sm-0 {
    padding-right: 0 !important;
}

.pr-sm-1 {
    padding-right: .25rem !important;
}

.pr-sm-2 {
    padding-right: .5rem !important;
}

.pr-sm-3 {
    padding-right: 1rem !important;
}

.pr-sm-4 {
    padding-right: 1.5rem !important;
}

.pr-sm-5 {
    padding-right: 3rem !important;
}

.ml-sm-0 {
    margin-left: 0 !important;
}

.ml-sm-1 {
    margin-left: .25rem !important;
}

.ml-sm-2 {
    margin-left: .5rem !important;
}

.ml-sm-3 {
    margin-left: 1rem !important;
}

.ml-sm-4 {
    margin-left: 1.5rem !important;
}

.ml-sm-5 {
    margin-left: 3rem !important;
}

.mr-sm-0 {
    margin-right: 0 !important;
}

.mr-sm-1 {
    margin-right: .25rem !important;
}

.mr-sm-2 {
    margin-right: .5rem !important;
}

.mr-sm-3 {
    margin-right: 1rem !important;
}

.mr-sm-4 {
    margin-right: 1.5rem !important;
}

.mr-sm-5 {
    margin-right: 3rem !important;
}

/* Float Classes for Responsive (Bootstrap v4 to v5 change: float-left and float-right) */
.float-left-sm {
    float: left !important;
}

.float-right-sm {
    float: right !important;
}

.float-none-sm {
    float: none !important;
}

.float-left-md {
    float: left !important;
}

.float-right-md {
    float: right !important;
}

.float-none-md {
    float: none !important;
}

.float-left-lg {
    float: left !important;
}

.float-right-lg {
    float: right !important;
}

.float-none-lg {
    float: none !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
}